.container{
  width:100%;
  height:100%;
   display:flex;
  flex-direction:column;
  .top-basic{
    flex:4.3;
    background-color: #fff;
    padding-left:37px;
    padding-bottom:20px;
    box-sizing:border-box;
    box-shadow:0px 3px 6px 0px rgba(26,51,132,0.1);
    >p{
      font-size:26px;
      font-weight:bold;
      color:rgba(0,0,0,1);
      line-height:60px;
    }
			.remake-name{
				margin-right:20px;
				font-weight:500;
				color:rgba(102,102,102,1);
			}
			.el-input{
				margin-right:60px;
			}
			.middle-input{
				margin-bottom:24px;
				margin-top:24px;
			}
			.upload-img{
				display:flex;
				justify-content:flex-start;
				// align-items:flex-end;
				.submit-upload{
					  margin-top:60px;
        }
        .avatar-uploader .el-upload {
          border: 1px dashed #d9d9d9;
          border-radius: 6px;
          cursor: pointer;
          position: relative;
          overflow: hidden;
        }
			}
  }
	.assessing-info{
		/deep/ .el-dialog{
			margin-top:10vh !important;
		}
		width:100%;
		margin-top:20px;
		flex:3;
		background-color: #fff;
		padding-left:37px;
		padding-bottom:20px;
		box-sizing:border-box;
		box-shadow:0px 3px 6px 0px rgba(26,51,132,0.1);
		p{
			font-size:26px;
			font-weight:bold;
			color:rgba(0,0,0,1);
			line-height:60px;
			}
			div{
				span{
					margin-right:20px;
					font-weight:500;
					color:rgba(102,102,102,1);
					margin-right:40px;
				}
		}
	}
  .middle-act{
    flex:6;
    background-color: #fff;
    box-shadow:0px 3px 6px 0px rgba(26,51,132,0.1);
    margin-top:20px;
    padding-left:35px;
    padding-right:25px;
    box-sizing:border-box;
    .first-colmun{
      display:flex;
      justify-content:space-between;
      p{
        font-size:26px;
        font-weight:bold;
        color:rgba(0,0,0,1);
        line-height:60px;
      }
      .count-num{
        display:flex;
        align-items:center;
        li{
          color:rgba(102,102,102,1);
          margin-left:30px;
        }
      }
    }
    .rep-add{
           width:100%;
         // height:calc(100% - 140px);
         border-top:1px solid #ccc;
         padding-top:20px;
         padding-left:10px;
         padding-bottom:20px;
         box-sizing:border-box;
         span{
            margin-right:20px;
            font-weight:500;
            color:rgba(102,102,102,1);
           }
         .search-key{
           .el-input{
            margin-right:60px;
           }
           img{
             float:right;
             width:20px;
             height:20px;
             margin-right:20px;
           }
         }
				 .antistop{
					 .el-input{
						 margin-bottom:30px;
					 }
					 img{
					 	float:right;
					 	width:20px;
					 	height:20px;
					 	margin-right:20px;
					 }
				 }
         .search-list{
           span{
            margin-top:30px;
            margin-bottom:25px;
            display:inline-block;
           }
          //  .el-input{
          //    margin-right:5px;
          //    // margin-bottom:10px;
          //    margin-top:30px;
          //    margin-bottom:25px;
          //  }
          //  .measure{
          //    margin-right:60px;
          //  }
         }
         .value-add{
           display:flex;
         }
         .act-type{
           margin-top:30px;
         }
				 .new-password{
					 margin-top:30px;
					 .el-input:nth-child(2){
					 	 margin-right:20px;

					 	}
				 }
         .table-part{
           .data-display{
             width:100%;
             height:60px;
             display:flex;
             justify-content:space-between;
             align-items:center;
             p{
              font-weight:500;
              color:rgba(102,102,102,1);
             }
             ul{
               display:flex;
               justify-content:space-between;
               align-items:center;
               li{
                 margin-left:30px;
                 margin-right:10px;
                               color:rgba(102,102,102,1);
               }
             }
           }
           .data-table{
             width:100%;
             height:100px;
             line-height:50px;
             border:1px solid #ccc;
             .tr-top{
               background-color: #EFFFFA;
               border-bottom:1px solid #ccc;
               td{
                 border-left:1px solid #ccc;
                 text-align:center;
               }
             }
             .tr-bottom{
               td{
                 border-left:1px solid #ccc;
                 border-bottom:1px solid #ccc;
                               input{
                    text-align:center;
                  width:100%;
                  height:49px;
                  border:0;
                  outline:none;
                               }
               }
             }
             th{
               width:11%;
			   background-color: #EFFFFA;
             }
             td{
               width:5.5%;
             }
           }
         }
    }
    .search-keyword{
      width:100%;
      height:70px;
      display:flex;
      justify-content:center;
      // align-items:center;
      button{
        width:40%;
        height:50px;
        // background:rgba(89,116,202,1);
        border-radius:4px;
        border:0;
        outline:none;
        font-size:22px;
                // color:rgba(255,255,255,1);
      }
    }
  }
  .footer-step{
    flex:1;
    display:flex;
    background-color: #fff;
    justify-content:space-between;
    align-items:center;
    padding-left:20px;
    padding-right:20px;
    padding-top:40px;
    padding-bottom:40px;
    box-sizing:border-box;
  }
}

/*
   两次弹出框中的样式
 */
.footer{
  width:100%;
  height:43px;
  padding:14px 15px;
  box-sizing:border-box;
}
.prevousstep,
.nextstep{
   width:142px;
   height:43px;
   text-align:center;
   line-height:43px;
   border:0;
   outline:none;
   background-color: #fff;
   color:RGBA(89, 116, 202, 1);
}
.nextstep{
   float:right;
}
/*
 * 弹出框
 */
 .layer{
   width:100%;
   height:100%;
   background-color:rgba(0,0,0,.3);
   position:fixed;
   left:0;
   top:0;
   z-index:88;
 }
 .pop-up-box{
   width:638px;
   height:482px;
   background-color:#fff;
   position:fixed;
   left:50%;
   top:50%;
   transform:translate(-50%,-50%);
   z-index:999;
   border-radius:7px;
   padding:21px 33px;
   box-sizing:border-box;
   .head-top{
     width:100%;
     display:flex;
     justify-content:space-between;
     span:nth-child(1){
       font-size:21px;
       font-family:PingFang-SC-Bold;
       font-weight:700;
       color:rgba(0,0,0,1);
     }
    .quit{
     width:20px;
     height:20px;
   }
   }
   .center-center{
     position:relative;
     display:flex;
     width: 562px;
     height:212px;
     border-top:1px solid RGBA(217, 217, 217, 1);
     border-bottom:1px solid RGBA(217, 217, 217, 1);
     margin-top:20px;
     margin-left:auto;
     margin-right:auto;
     .center-img{
       width:163px;
       height:163px;
      //  background-color: pink;
       margin-top:12px;
       margin-left:12px;
       padding:14px 30px;
       box-sizing:border-box;
       img{
         width:100%;
         height:100%;
       }
     }
     .center-word{
       padding-left:30px;
       padding-top:20px;
       li{
          font-size:14px;
          font-family:PingFang-SC-Medium;
          font-weight:500;
          color:rgba(51,51,51,1);
          line-height:30px;
       }
     }
     .buy-info{
       position:relative;
       bottom:-40px;
       left:-190px;
       font-size:14px;
        font-family:PingFang-SC-Bold;
        font-weight:bold;
        color:rgba(51,51,51,1);
     }
   }
    .el-table .warning-row {
    background: oldlace;
  }

  .el-table .success-row {
    background: #f0f9eb;
  }
  /deep/ .el-table td,
  /deep/ .el-table th {
    padding:6px 0;
    text-align:center;
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(138,138,138,1)
  }
  .all-price{
    width:100%;
    height:40px;
    border-bottom:0.5px solid RGBA(217, 217, 217, 1);
    line-height:40px;
    text-align:center;
    font-size:14px;
    font-weight:500;
    color:rgba(138,138,138,1);
  }
  .editbutton{
    margin-top:10px;
    display:flex;
    justify-content:space-between;
    button{
      border:0;
      outline:none;
      width:71px;
      height:28px;
      color:#fff;
      border-radius:3px;
      line-height:28px;
      &:nth-child(1){
        background-color: #e6a23c;

      }
      &:nth-child(2){
        background-color: #67c23a;
      }
    }
  }
 }
.buy-success{
  width:779px;
  height:411px;
  background-color:#fff;
  border-radius:7px;
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  padding:18px 36px;
  box-sizing:border-box;
  z-index:999;
  p:nth-child(1){
    font-size:18px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:rgba(0,0,0,1);
    height:40px;
    border-bottom:.5px solid #D9D9D9;
  }
  .center-main{
    width:364px;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    // display:flex;
    // justify-content:space-between;
    img{
      width:51px;
      height:51px;
      vertical-align:middle;
    }
    .wish-success{
      margin-left:20px;
      font-size:26px;
      font-weight:400;
      color:rgba(0,0,0,1);
    }
    .buydate{
      font-size:11px;
      font-weight:400;
      color:rgba(102,102,102,1);
    }
    .order-info{
      margin-left:auto;
      margin-right:auto;
      margin-top:45px;
      width:324px;
      li{
        width:100%;
        display:flex;
        justify-content:space-between;
        font-size:11px;
        font-weight:400;
        color:#111111;
        line-height:20px;
        letter-spacing:1px;
        line-height:30px;

      }
    }
    .order-btn{
      display:flex;
      justify-content:space-between;
      button{
        border:0;
        outline:none;
        width:85px;
        height:28px;
        margin-top:29px;
        &:nth-child(1){
          background-color: #526EB4;
          color:#fff;
        }
        &:nth-child(2){
          background-color: #fff;
          color:#526EB4;
          border:1px solid #526eb4;
        }
      }
    }
  }
}
/deep/ .el-upload--picture-card{
				width:100px;
				height:100px;
				border-radius:4px;
				margin-right:20px;
				line-height:100px;
			}
			/deep/ .el-upload-list--picture-card .el-upload-list__item{
				width:100px;
				height:100px;
			}
			/deep/ .el-table td,
			/deep/ .el-table th {
				// padding:6px 0;
				text-align:center;
				font-size:14px;
				font-family:PingFang-SC-Medium;
				font-weight:500;
				color:rgba(138,138,138,1)
			}
			/deep/ .el-table th{
				height:20px;
			}
			/deep/ .el-table td{
				padding: 5px 0;
			}
			.add-comment{
				display:flex;
				justify-content: flex-end;
			}
			.table-img-size{
        display:flex;
        justify-content:space-around;
        div{
            width:50px;
						height:50px;
          img{
             width:100%;
             height:100%;
					}
        }

			}
			.check-img{
				width:21px;
				height:21px;
				vertical-align:-2px;
			}
